<template>
  <div>
    <transition name="router-fade" mode="out-in">
			<keep-alive>
			    <router-view v-if="$route.meta.keepAlive"></router-view>
			</keep-alive>
    </transition>
    <transition name="router-fade" mode="out-in">
			<router-view v-if="!$route.meta.keepAlive"></router-view>
		</transition>
		<foot-guide></foot-guide>
		<svg-icon></svg-icon>	
  </div>
</template>

<script>
import './pulic/rem.js';
import svgIcon from './components/svg';
import footGuide from './components/tabar.vue'

export default {
  components:{
    svgIcon,
    footGuide
  }
}
</script>

<style lang="less">
@import '~vux/src/styles/reset.less';
@import './pulic/rem.css';

.router-fade-enter-active, .router-fade-leave-active {
    transition: opacity .3s;
}
.router-fade-enter, .router-fade-leave-active {
    opacity: 0;
}
</style>
